<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 800px; height: 600px; border: 2px solid yellow"></div>
</body>
<script type="text/javascript">
    var div_id1 = document.getElementById("main");
    var echart1 = echarts.init(div_id1);
    var data = [
        [183472, 6546, 524, 91, 0]
    ];

    var lineStyle = {
        normal: {
            width: 1,
            opacity: 0.5
        }
    };
    option = {
        backgroundColor: '#161627',
        title: {
            text: '某APP用户类型分布',
            left: 'center',
            top: 20,
            textStyle: {
                color: '#ccc',
                fontSize: 30,
            }
        },
        tooltip: {
            trigger: 'item',

        },
        radar: {
            center: ['50%', '55%'],
            indicator: [
                {name: '流失用户', max: 200000},
                {name: '回流用户', max: 20000},
                {name: '连续活跃用户', max: 3000},
                {name: '新用户', max: 1000},
                {name: '活跃用户', max: 10}
            ],
            shape: 'circle',
            splitNumber: 5,
            name: {
                textStyle: {
                    color: 'rgb(238, 197, 102)'
                }
            },
            splitLine: {
                lineStyle: {
                    color: [
                        'rgba(238, 197, 102, 0.1)', 'rgba(238, 197, 102, 0.2)',
                        'rgba(238, 197, 102, 0.4)', 'rgba(238, 197, 102, 0.6)',
                        'rgba(238, 197, 102, 0.8)', 'rgba(238, 197, 102, 1)'
                    ].reverse()
                }
            },
            splitArea: {
                show: false
            },
            axisLine: {
                lineStyle: {
                    color: 'rgba(238, 197, 102, 0.5)'
                }
            }
        },
        series: [
            {
                name: '用户',
                type: 'radar',
                lineStyle: lineStyle,
                data: data,
                symbol: 'none',
                itemStyle: {
                    color: '#F9713C'
                },
                areaStyle: {
                    opacity: 0.1
                }
            }
        ]
    };
    echart1.setOption(option);
</script>
</html>